.g-privatespace{
    width: 100vw;
    height: 100vh;
    background-color: #bfbfbf;
    h2{
        margin: 0;
        
        color: white;
        padding-top: 15vw;
        font-size: 8vw;
        text-align: center;
    }
    p{
        width: 20vw;
        height: 2vw;
        margin-left: 40vw;
        background: url(../../static/image/privatespace/min.png) no-repeat;
        background-size: 100% 100%;
    }
    .g-privatespace-main{
        position: relative;
        top: 5vw;
        width: 100vw;
        height: 100vw;
        margin-top: 1vw;
        
        .g-work{
            position:absolute;
            width: 25vw;
            height: 25vw;
            left: 38vw;
            top: 6vw;
            .g-work-bg{
                width:25vw;
                height:25vw;
                background: url(../../static//image/privatespace/clun3.png) no-repeat;
                background-size: 100% 100%;
                position:absolute;
                animation:circling 4s linear 0s infinite;
            }
            .bg{
                position:absolute;
                width:18vw;
                height:18vw;
                top: 3.5vw;
                left: 3.5vw;
                background: url(../../static//image/privatespace/work-logo.png) no-repeat;
                background-size: 100% 100%;
                
                
                // animation:circling 6s linear 0s infinite;
            }
            @keyframes circling{
                from{
                transform:rotate(0deg);
                }
                to{
                transform:rotate(360deg);
                }
            }
        } 
        .g-family{
            position:absolute;
            width: 15vw;
            height: 15vw;
            top: 25vw;
            left: 6vw;
            .g-family-bg{
                width:50vw;
                height:50vw;
                background: url(../../static//image/privatespace/clun1.png) no-repeat;
                background-size: 100% 100%;
                position:absolute;
                animation: circlin 6s linear 0s infinite;
             
            }
            .bg{
                position:absolute;
                width:35vw;
                height:35vw;
                top: 7.5vw;
                left: 7.5vw;
                background: url(../../static//image/privatespace/family-logo.png) no-repeat;
                background-size: 100% 100%;
            }
            @keyframes circlin{
                from{
                transform:rotate(360deg);
                }
                to{
                transform:rotate(0deg);
                }
            }
        } 
        .g-friend{
            position:absolute;
            width: 15vw;
            height: 15vw;
            top: 56vw;
            left: 48vw;
            .g-friend-bg{
                width:35vw;
                height:35vw;
                background: url(../../static/image/privatespace/clun2.png) no-repeat;
                background-size: 100% 100%;
                position:absolute;
                animation:circling 5s linear 0s infinite;
            }
            .bg{
                position:absolute;
                width:18vw;
                height:18vw;
                top: 8.5vw;
                left: 8.5vw;
                background: url(../../static/image/privatespace/friend.png) no-repeat;
                background-size: 100% 100%;
                
                
            }
            @keyframes circling{
                from{
                transform:rotate(0deg);
                }
                to{
                transform:rotate(360deg);
                }
            }
        } 
    }
        
    
}